<template>
  <div class="app-container manage-wrap">
    <div class='btn-wrap'>
      <el-button icon="el-icon-plus" type="primary" @click="filterShow = true">新建应用</el-button>
    </div>
    <div class="item-wrap">
      <Appliaction v-for="(item,index) in allApps" :key="index" :apps="item"/>
    </div>

    <filter-dialog :show.sync="filterShow" title="创建空白应用"></filter-dialog>
  </div>
</template>

<script>
import Appliaction from './application'
import filterDialog from '@/components/generator/filterDialog'
export default {
components:{
  Appliaction,
  filterDialog
},
data(){
  return{
    filterShow: false
  }
},
computed:{
  allApps(){
    return this.$store.state.application.apps
  }
}
}
</script>

<style lang='scss' scoped>
.btn-wrap{
  display: flex;
  justify-content: flex-end;
}
.item-wrap{
  display: flex;
  flex-wrap: wrap;
}
</style>